<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/templates/plantilla1.xhtml">

    <ui:define name="contenido">

        <h:form id="formBuscar">

            <h1> Buscar de Usuarios </h1>

            <ui:include src="/comunes/filtros_buscar.xhtml" >
                <ui:param name="bean" value="#{buscarUsuariosBean}" />
            </ui:include>

            <br/>

            <p:dataTable id="tablausuarios" 
                         widgetVar="tablausuarioWV"
                         value="#{buscarUsuariosBean.usuarioList}" 
                         var="u"
                         paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                         paginatorPosition="bottom" 
                         paginator="true" 
                         rows="2"
                         paginatorAlwaysVisible="true"
                         selection="#{buscarUsuariosBean.usuarioSelected}"
                         rowKey="#{u.idUsuario}"
                         >

                <p:ajax event="rowSelectRadio" 
                        process="@this" 
                        global="false"       
                        update="@this" />

                <f:facet name="header">
                    Usuarios
                </f:facet>

                <p:column  selectionMode="single" style="width: 10px"  />

                <p:column>
                    <f:facet name="header"><b>ID</b></f:facet>
                        #{u.idUsuario}
                </p:column>

                <p:column headerText="E-MAIL">
                    #{u.email}
                </p:column>

                <p:column headerText="PERFILES">
                    <p:dataList value="#{u.perfilList}" var="p"  >
                        #{p.nombre}
                    </p:dataList>
                </p:column>

                <p:column headerText="RUN" >
                    <h:outputText value="#{u.cliente.run}" converter="rutConverter" />
                </p:column>

                <p:column headerText="FEC NAC" >
                    <h:outputText value="#{u.cliente.fechaNacimiento}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                </p:column>

                <p:column headerText="ESTADO">
                    #{u.activo?'ACTIVO':'INACTIVO'}
                </p:column>


                <f:facet name="footer">
                    <p:commandButton value="Nuevo" immediate="true" action="nuevo"  ajax="false" />

                    <p:commandButton value="Editar" 
                                     immediate="true" 
                                     action="editar" 
                                     ajax="false"
                                     disabled="#{buscarUsuariosBean.usuarioSelected == null}"/>

                    <p:commandButton value="Eliminar" 
                                     process="@this"
                                     update="tablausuarios"
                                     actionListener="#{buscarUsuariosBean.eliminar()}"
                                     disabled="#{buscarUsuariosBean.usuarioSelected == null}">
                        <p:confirm header="Confirmación" message="¿Esta seguro que desea eliminar?" icon="ui-icon-alert" />  
                    </p:commandButton>


                </f:facet>

            </p:dataTable>


            <div class="botonera">
                <p:commandButton value="Salir" ajax="false" action="salir"  />
            </div>

        </h:form>

    </ui:define>
</ui:composition>
